<template>
	<div>
		<div class="col-sm-12 col-xs-12 lifeList" v-for="item in dataJson">
			<div class="col-sm-2 col-xs-6 life-imgdiv">
				<a>
					<img :src="item.imgUrl" class="life-img" />
				</a>
			</div>
			<a></a>
			<div class="col-sm-9 col-xs-6">
				<router-link :to="item.url">
					<p>
						<a>{{item.name}}</a>
					</p> 
					<div style="height: 100px; overflow: hidden;" v-text="item.content">
					</div> 
					<p>
						作者：{{item.updater}}    日期：{{item.updateDate}} 
						<a>阅读全文</a>
					</p>
				</router-link>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
	 	props : {
			dataJson : {
				type : Array,
				required : true
			}
		},
		mounted ($route) {
	 		this.$nextTick(()=>{
	 		})
	 	},
	}
</script>

<style scoped>
	a{
		color: #000;
	}
	a:hover{
		text-decoration: none;
	}
	.lifeList{
		margin-bottom: 10px; 
		padding: 10px; 
		border: 1px solid rgb(223, 223, 223); 
		background: rgb(255, 255, 255);
	}
	.life-imgdiv{
	    height: 150px;
		border: 1px solid #dfdfdf;
		padding: 0px;
	}
	.life-img{
		padding: 5px;
	    width: 100%;
	    height: 100%;
	}
</style>